<!DOCTYPE html>
<html lang="en">

<head>
    <title>Walküre</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="assets/libs/framework7-bundle.min.css">
    <link rel="stylesheet" href="assets/libs/ol.css">
    <link rel="stylesheet" href="assets/css/icons.css">
    <link rel="stylesheet" href="assets/css/skuld.css">
    <link rel="stylesheet" href="assets/iconfont/iconfont.css">
    <script src="assets/libs/luxon.min.js"></script>
    <script src="assets/libs/framework7-bundle.min.js"></script>
    <script src="assets/libs/ol.js"></script>
    <script src="assets/libs/turf.min.js"></script>
    <script src="assets/libs/echarts.min.js"></script>
    <script src="assets/libs/moment.js"></script>
</head>

<body id="app">
    <header>
        <div class="row">
            <div class="col-100 function">
                <button class="button button-fill color-primary" id="upload-popup">新增图纸</button>
                <button class="button button-fill color-primary" id="maplayer">图层管理</button>
                <button class="button button-fill color-primary" id="tunnelshow">巷道管理</button>
                <button class="button button-fill color-primary" id="fault">绘制断层</button>
                <button class="button button-fill color-primary" id="drawing-warning-point">添加预警点</button>
                <button class="button button-fill color-primary" id="drawing-warning-area">添加预警区域</button>
                <button class="button button-fill color-primary" id="sensor">传感器</button>
                <button class="button button-fill color-primary" id="selector-configure">选择器配置</button>
                <button class="button button-fill color-primary" id="drawing-water">富水区</button>
                <button class="button button-fill color-primary" id="drawing-fissure">裂隙带</button>
            </div>
        </div>
    </header>
    <article id="article" style="width: 100%; height: 100%; position: relative;">
        <div class="page" id="pannel">
            <div class="page-title">
                <span>选择图层</span>
                <div class="page-cheked">
                    <div id="pannel-all-show">
                        <input id="pannel-all" type="checkbox"/>
                        &nbsp;全选&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
                    </div>
                    <i class="iconfont" style="font-size: 22px;" id="pannel-close">&#xe6ba;</i>
                </div>
            </div>
            <div class="page-content"></div>
        </div>
        <!-- <div id="map" style="width: 100%; height: 100%;"></div> -->
        <div style="width:100%; height:100%; display:flex;">
            <div id="map" style="flex: 1"></div>
            <div id="map2" style="flex: 1; display: none; border-left: 3px solid #000"></div>
        </div>
    </article>
    <script src="facade/Skuld.js" type="module"></script>
</body>
</html>